<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" name="viewport">
  <meta content="ie=edge" http-equiv="X-UA-Compatible">
  <title>{$data.title}</title>
  <meta name="description" content="">
</head>
<style>
  * {
    padding: 0;
    margin: 0;
    font-size: 0.24rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    white-space: normal;
    letter-spacing: 0.02rem;
    word-break:break-all;
    word-wrap:break-word
  }

  .bigBox {
    padding: 0 0.48rem 0;
    box-sizing: border-box;
  }

  .title {
    font-size: 0.32rem;
    color: #24252A;
    line-height: 0.44rem;
    margin-bottom: 0.36rem;
    margin-top: 0.48rem;
  }

  .des {
    color: #9FA1AA;
    line-height: 0.34rem;
    margin-bottom: 0.2rem;
  }
</style>
<body>
<div class="bigBox">
  {foreach name="data['data']" item="vo"}
  <div class="title">{$vo['title']}</div>
  <div class="desBox">
    {foreach name="$vo.list" item="vv"}
    <div class="des">{$vv}</div>
    {/foreach}
  </div>
  {/foreach}
  <br>
</div>
</body>
<script src="/static/astro_explain_new/js/jquery-1.11.3.min.js"></script>
<script src="/static/rem-suit.js"></script>
<script type="text/javascript">

</script>
</html>
